<section layout="row" class="info-list-detail">
    <h2 flex="20">{/'Docker info' | translate/}</h2>
    <div flex="80" layout="row" layout-wrap>
        <div flex="30"><h5>{/'Version' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.ServerVersion/}</p></div>
        <div flex="30"><h5>{/'Volume driver' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.Driver/}</p></div>
        <div flex="30"><h5>{/'Docker Volume' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.DockerRootDir/}</p></div>
        <div flex="30"><h5>{/'Debug model' | translate/}</h5></div>
        <div flex="70">
            <p ng-class="{'no-info': !nodeConfigCtrl.node.Debug}">
                {/nodeConfigCtrl.node.Debug ? 'YES' : 'NO' | translate/}
            </p>
        </div>
        <div flex="30"><h5>IPv4Forwarding</h5></div>
        <div flex="70">
            <p ng-class="{'no-info': !nodeConfigCtrl.node.IPv4Forwarding}">
                {/nodeConfigCtrl.node.IPv4Forwarding ? 'YES' : 'NO' | translate/}
            </p>
        </div>
        <div flex="30"><h5>{/'Cgroup driver' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.CgroupDriver/}</p></div>
        <div flex="30"><h5>Logging Driver</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.LoggingDriver/}</p></div>
        <div flex="30"><h5>{/'Disable OOM Kill' | translate/}</h5></div>
        <div flex="70">
            <p ng-class="{'no-info': !nodeConfigCtrl.node.OomKillDisable}">
                {/nodeConfigCtrl.node.OomKillDisable ? 'YES' : 'NO' | translate/}
            </p>
        </div>
    </div>
</section>

<section layout="row" class="info-list-detail">
    <h2 flex="20">{/'Host information' | translate/}</h2>
    <div flex="80" layout="row" layout-wrap>
        <div flex="30">
            <h5>CPU
                <small>{/'Core' | translate/}</small>
            </h5>
        </div>
        <div flex="70"><p>{/nodeConfigCtrl.node.NCPU/}</p></div>
        <div flex="30"><h5>{/'Memory' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.MemTotal | size/}</p></div>
        <div flex="30"><h5>{/'Kernel version' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.KernelVersion/}</p></div>
        <div flex="30"><h5>{/'System time' | translate/}</h5></div>
        <div flex="70"><p>{/nodeConfigCtrl.node.SystemTime | date: 'yyyy-MM-dd HH:mm:ss'/}</p></div>
    </div>
</section>
